<!DOCTYPE html>
<html>
<head>
    <meta charset = 'UTF-8'>
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>贪食蛇</title>
    <link rel = 'stylesheet' type = 'text/css' href = 'css/style.css'>
</head>

<body>
<canvas id = 'board' width = '300px' height = '300px'></canvas>
<p id = 'score'></p>
<div id = 'buttondiv'>
    <button  id = 'up' class = 'directbut' ontouchstart = "button_click()" onclick = "button_click()" value = '38'>↑</button>
    <button  id = 'left' class = 'directbut' ontouchstart = "button_click()" onclick = "button_click()" value = '37'>←</button>
    <button  id = 'right' class = 'directbut' ontouchstart = "button_click()" onclick = "button_click()" value = '39'>→</button>
    <button  id = 'down' class = 'directbut' ontouchstart = "button_click()" onclick = "button_click()" value = '40'>↓</button>
</div>
<button  id = 'restart' ontouchstart = "button_click()" onclick = "init()">restart</button>

<script type = 'text/javascript' src = 'js/script.js'></script>
</body>
</html>